<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>SCG :: #{get 'title' /}</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/style.css'}">
#{get 'moreStyles' /}
<link rel="shortcut icon" type="image/png" href="@{'/public/images/favicon.png'}">
<script src="@{'/public/javascripts/jquery-1.5.2.min.js'}" type="text/javascript" charset="UTF-8"></script>
<script src="@{'/public/javascripts/yoxview-2.21/yoxview-init.js'}" type="text/javascript" ></script>
<script src="@{'/public/javascripts/dropmenu.js'}" type="text/javascript" charset="UTF-8"></script>
#{get 'moreScripts' /}
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
	var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
	var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
	var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
	if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
	var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
	d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
	if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
	for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
	if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
	var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
	if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

$(document).ready(function(){
    $(".yoxview").yoxview();
    
    setInterval("rollimage()", 2000);	// 일반 이미지 롤링
});

function rollimage(){
	 var imageCount = 14;
	 var rnd = Math.floor(Math.random() * 100) % imageCount + 1;
	 var targetTd = jQuery(jQuery(".yoxview td").get(rnd));
	 var nextImage = jQuery(jQuery('#imagepool a').get((rnd >= (imageCount - 1))? 1 : rnd));
	 
	 targetTd.children("a").fadeOut(2000, function(){
		 targetTd.children("a").replaceWith(nextImage);
		 nextImage.fadeIn(1500);
		 $(".yoxview").yoxview();		 
	 });
}
</script>
</head>
<body onload="MM_preloadImages('@{'/public/images/main_btn1_02.png'}','@{'/public/images/main_btn2_02.png'}','@{'/public/images/main_btn3_02.png'}','@{'/public/images/main_btn4_02.png'}','@{'/public/images/main_global_btn1_02.png'}','@{'/public/images/main_global_btn2_02.png'}','@{'/public/images/main_global_btn3_02.png'}','@{'/public/images/main_global_btn4_02.png'}','@{'/public/images/main_global_btn5_02.png'}','@{'/public/images/main_global_btn6_02.png'}')">

<table width="933" border="0" cellspacing="0" cellpadding="0">
<!-- 전체 레이아웃 테이블 시작-->
  <tr>
    <td>&nbsp;</td>
    <td>
    
    
    
<table width="878" border="0" cellspacing="0" cellpadding="0">
<!-- 톱메뉴 레이아웃 테이블 시작-->
      <tr>
        <td><a href="/"><img src="@{'/public/images/main_logo.jpg'}" alt="" width="232" height="50" /></a></td>
        <td width="521">&nbsp;</td>
        <td><a href="/about/intro.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','@{'/public/images/main_btn1_02.png'}',1)"><img src="@{'/public/images/main_btn1_01.png'}" alt="" name="Image2" width="110" height="50" border="0" id="Image2" /></a></td>
        <td><a href="/work/consult.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','@{'/public/images/main_btn2_02.png'}',1)"><img src="@{'/public/images/main_btn2_01.png'}" alt="" name="Image3" width="125" height="50" border="0" id="Image3" /></a></td>
        <td><a href="/probono/concept.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image39','','@{'/public/images/main_btn3_02.png'}',1)"><img src="@{'/public/images/main_btn3_01.png'}" alt="" name="Image39" width="162" height="50" border="0" id="Image39" /></a></td>
        <td><a href="/board/notice/list.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','@{'/public/images/main_btn4_02.png'}',1)"><img src="@{'/public/images/main_btn4_01.png'}" alt="" name="Image5" width="165" height="50" border="0" id="Image5" /></a></td>
      </tr>
      
<!-- 전체 레이아웃 테이블 끝--> 
    </table>
  
    
    </td>
  </tr>
  <tr>
    <td colspan="2" background="@{'/public/images/main_top_bar.png'}"><img src="@{'/public/images/main_top_bar.png'}" alt="" width="6" height="6" /></td>
  </tr>
  <tr>
    <td height="6"></td>
    <td></td>
  </tr>
  <tr>
    <td width="55">&nbsp;</td>
    <td>
    
    
    
<div class="thumbnails yoxview">
<table width="870" border="0" cellspacing="0" cellpadding="0">
<!-- 이미지 레이아웃 테이블 시작--> 
      <tr>
        <td height="111"><a href="@{'/public/images/img_001.png'}"><img src="@{'/public/images/img_001.png'}" alt="" width="145" height="111" /></a></td>
        <td><a href="@{'/public/images/img_002.png'}"><img src="@{'/public/images/img_002.png'}" alt="" title="" width="145" height="111" /></a></td>
        <td><a href="@{'/public/images/img_003.png'}"><img src="@{'/public/images/img_003.png'}" alt="" title="" width="145" height="111" /></a></td>
        <td><a href="@{'/public/images/img_004.png'}"><img src="@{'/public/images/img_004.png'}" alt="" title="" width="145" height="111" /></a></td>
        <td><a href="@{'/public/images/img_005.png'}"><img src="@{'/public/images/img_005.png'}" alt="" title="" width="145" height="111" /></a></td>
        <td><a href="@{'/public/images/img_006.png'}"><img src="@{'/public/images/img_006.png'}" alt="" title="" width="145" height="111" /></a></td>
      </tr>
      <tr>
        <td height="111"><a href="@{'/public/images/img_007.png'}"><img src="@{'/public/images/img_007.png'}" alt="" width="145" height="111" /></a></td>
        <td><a href="@{'/public/images/img_008.png'}"><img src="@{'/public/images/img_008.png'}" alt="" width="145" height="111" /></a></td>
        <td colspan="2"><img src="@{'/public/images/img_logo.png'}" alt="" width="290" height="111" /></td>
        <td><a href="@{'/public/images/img_009.png'}"><img src="@{'/public/images/img_009.png'}" alt="" width="145" height="111" /></a></td>
        <td><a href="@{'/public/images/img_010.png'}"><img src="@{'/public/images/img_010.png'}" alt="" width="145" height="111" /></a></td>
      </tr>
      <tr>
        <td height="111"><a href="@{'/public/images/img_011.png'}"><img src="@{'/public/images/img_011.png'}" alt="" width="145" height="111" /></a></td>
        <td><a href="@{'/public/images/img_012.png'}"><img src="@{'/public/images/img_012.png'}" alt="" width="145" height="111" /></a></td>
        <td><a href="@{'/public/images/img_013.png'}"><img src="@{'/public/images/img_013.png'}" alt="" width="145" height="111" /></a></td>
        <td><a href="@{'/public/images/img_014.png'}"><img src="@{'/public/images/img_014.png'}" alt="" width="145" height="111" /></a></td>
        <td><a href="@{'/public/images/img_015.png'}"><img src="@{'/public/images/img_015.png'}" alt="" width="145" height="110" /></a></td>
        <td><a href="@{'/public/images/img_016.png'}"><img src="@{'/public/images/img_016.png'}" alt="" width="145" height="111" /></a></td>
      </tr>
      
<!-- 이미지 레이아웃 테이블 끝-->      
</table>
</div>    
    
    
    </td>
  </tr>
  <tr>
    <td width="55" height="20"></td>
    <td></td>
  </tr>
  <tr>
    <td width="55">&nbsp;</td>
    <td>
   
<table width="878" border="0" cellspacing="0" cellpadding="0">
<!-- 공지사항 전체 레이아웃 테이블 시작--> 
      <tr>
        <td width="130">&nbsp;</td>
        <td width="748">
        
        

<table width="664" border="0" cellspacing="0" cellpadding="0">
<!-- 공지사항 레이아웃 테이블 시작-->
          <tr>
            <td colspan="2"><img src="@{'/public/images/main_notice_title.png'}" alt="" width="317" height="28" /></td>
            <td width="50">&nbsp;</td>
            <td colspan="2"><img src="@{'/public/images/main_press_title.png'}" alt="" width="317" height="28" /></td>
          </tr>
          <tr>
            <td width="20" height="20" align="center"><img src="@{'/public/images/main_notipres_bullet.png'}" alt="" width="4" height="4" /></td>
            <td width="297" class="style2" style="padding-left:3px;">ggggggg</td>
            <td width="50" rowspan="2">&nbsp;</td>
            <td width="8" align="center"><img src="@{'/public/images/main_notipres_bullet.png'}" alt="" width="4" height="4" /></td>
            <td width="298" class="noti1">&nbsp;</td>
          </tr>
          <tr>
            <td width="20" height="1" bgcolor="#CCCCCC"></td>
            <td bgcolor="#CCCCCC"></td>
            <td width="8" height="1"bgcolor="#CCCCCC"></td>
            <td width="298" bgcolor="#CCCCCC"></td>
          </tr>
          
          
<!-- 공지사항 레이아웃 테이블블 끝-->          
        </table>

        
        </td>
      </tr>
      
<!-- 공지사항 전체 레이아웃 테이블 끝-->      
    </table>
    
    
    
    
    
    
    
   </td>
  </tr>
  <tr>
    <td width="55">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td colspan="2"><table width="993" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>
        
        
         
<table width="993" border="0" cellspacing="0" cellpadding="0">

<!-- 글로벌 메뉴레이아웃 테이블 시작--> 
          <tr>
            <td width="148" height="12"></td>
            <td height="12" colspan="8" background="@{'/public/images/main_global_bar.png'}"><img src="@{'/public/images/main_global_bar.png'}" alt="" width="12" height="12" /></td>
            <td height="12"></td>
          </tr>
          <tr>
            <td >&nbsp;</td>
            <td background="@{'/public/images/main_global_bar.png'}"><img src="@{'/public/images/main_global_bar.png'}" alt="" width="12" height="12" /></td>
            <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image33','','@{'/public/images/main_global_btn1_02.png'}',1)"><img src="@{'/public/images/main_global_btn1_01.png'}" alt="" name="Image33" width="125" height="40" border="0" id="Image33" /></a></td>
            <td ><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image34','','@{'/public/images/main_global_btn2_02.png'}',1)"><img src="@{'/public/images/main_global_btn2_01.png'}" alt="" name="Image34" width="107" height="40" border="0" id="Image34" /></a></td>
            <td ><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image35','','@{'/public/images/main_global_btn3_02.png'}',1)"><img src="@{'/public/images/main_global_btn3_01.png'}" alt="" name="Image35" width="106" height="40" border="0" id="Image35" /></a></td>
            <td ><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image36','','@{'/public/images/main_global_btn4_02.png'}',1)"><img src="@{'/public/images/main_global_btn4_01.png'}" alt="" name="Image36" width="105" height="40" border="0" id="Image36" /></a></td>
            <td ><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image37','','@{'/public/images/main_global_btn5_02.png'}',1)"><img src="@{'/public/images/main_global_btn5_01.png'}" alt="" name="Image37" width="106" height="40" border="0" id="Image37" /></a></td>
            <td ><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image38','','@{'/public/images/main_global_btn6_02.png'}',1)"><img src="@{'/public/images/main_global_btn6_01.png'}" alt="" name="Image38" width="111" height="40" border="0" id="Image38" /></a></td>
            <td background="@{'/public/images/main_global_bar.png'}"><img src="@{'/public/images/main_global_bar.png'}" alt="" width="12" height="12" /></td>
            <td width="189">&nbsp;</td>
          </tr>
          <tr>
            <td width="148" background="@{'/public/images/main_global_bar.png'}"></td>
            <td width="12" background="@{'/public/images/main_global_bar.png'}"><img src="@{'/public/images/main_global_bar.png'}" alt="" width="12" height="12" /></td>
            <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('main_global_menu1','','*{'/public/images/main_grobal_memu_01_1.png'}*',1)"></a></td>
            <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image33','','*{'/public/images/main_grobal_memu_02_1.png'}*'}',1)"></a></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td width="12" background="@{'/public/images/main_global_bar.png'}"><img src="images/main_global_bar.png" alt="" width="12" height="12" /></td>
            <td width="189" background="@{'/public/images/main_global_bar.png'}"></td>
          </tr>
          
          
<!-- 글로벌 레이아웃 테이블 끝-->           
</table>
         
        
        </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="15" colspan="2"></td>
  </tr>
  <tr>
    <td colspan="2">
    
    
    
<table width="910" border="0" cellspacing="0" cellpadding="0">
<!-- 풋터레이아웃 테이블 시작-->  
      <tr>
        <td width="743"><img src="@{'/public/images/footer.png'}" alt="" width="743" height="33" /></td>
        <td width="89"><img src="@{'/public/images/footer_contactus.png'}" alt="" width="69" height="33" /></td>
        <td width="39"><a href="http://www.facebook.com/scgprobono" target="_blank"><img src="@{'/public/images/icon_facebook.png'}" alt="" width="39" height="33" /></a></td>
        <td width="39"><a href="http://www.twitter.com/SCGprobono" target="_blank"><img src="@{'/public/images/icon_twit.png'}" alt="" width="39" height="33" /></a></td>
      </tr>
      
<!-- 풋터레이아웃 테이블 끝-->       
</table>
    
    
    </td>
  </tr>
  
<!-- 전체 레이아웃 테이블 끝-->
</table>

<div id="imagepool" style="display: none;">
	<a href="@{'/public/images/img_001.png'}" style="display: none;"><img src="@{'/public/images/img_001.png'}" alt="" width="145" height="111" /></a>
	<a href="@{'/public/images/img_002.png'}" style="display: none;"><img src="@{'/public/images/img_002.png'}" alt="" width="145" height="111" /></a>
	<a href="@{'/public/images/img_003.png'}" style="display: none;"><img src="@{'/public/images/img_003.png'}" alt="" width="145" height="111" /></a>
	<a href="@{'/public/images/img_004.png'}" style="display: none;"><img src="@{'/public/images/img_004.png'}" alt="" width="145" height="111" /></a>
	<a href="@{'/public/images/img_005.png'}" style="display: none;"><img src="@{'/public/images/img_005.png'}" alt="" width="145" height="111" /></a>
	<a href="@{'/public/images/img_006.png'}" style="display: none;"><img src="@{'/public/images/img_006.png'}" alt="" width="145" height="111" /></a>
	<a href="@{'/public/images/img_007.png'}" style="display: none;"><img src="@{'/public/images/img_007.png'}" alt="" width="145" height="111" /></a>
	<a href="@{'/public/images/img_008.png'}" style="display: none;"><img src="@{'/public/images/img_008.png'}" alt="" width="145" height="111" /></a>
	<a href="@{'/public/images/img_009.png'}" style="display: none;"><img src="@{'/public/images/img_009.png'}" alt="" width="145" height="111" /></a>
	<a href="@{'/public/images/img_010.png'}" style="display: none;"><img src="@{'/public/images/img_010.png'}" alt="" width="145" height="111" /></a>
	<a href="@{'/public/images/img_011.png'}" style="display: none;"><img src="@{'/public/images/img_011.png'}" alt="" width="145" height="111" /></a>
	<a href="@{'/public/images/img_012.png'}" style="display: none;"><img src="@{'/public/images/img_012.png'}" alt="" width="145" height="111" /></a>
	<a href="@{'/public/images/img_013.png'}" style="display: none;"><img src="@{'/public/images/img_013.png'}" alt="" width="145" height="111" /></a>
	<a href="@{'/public/images/img_014.png'}" style="display: none;"><img src="@{'/public/images/img_014.png'}" alt="" width="145" height="111" /></a>
	<a href="@{'/public/images/img_015.png'}" style="display: none;"><img src="@{'/public/images/img_015.png'}" alt="" width="145" height="111" /></a>
	<a href="@{'/public/images/img_016.png'}" style="display: none;"><img src="@{'/public/images/img_016.png'}" alt="" width="145" height="111" /></a>
</div>
*{
    	<div id="wrap">
		<!-- header -->
		<div id="header">
			<div class="gnb" style="text-align: right; width: 100%; height: 22px;">
				%{
					if(session.username != null){
				}%
					${session.username} - <a href="/secure/logout">Logout</a>
				%{
					}else{
				}%	<a href="/secure/login">Login</a>	%{	}}% | 블로그
			</div>
			<div class="sta">
				<h1><a href="/"><img src="@{'/public/images/logo/logo.png'}" style="width: 250px; height: 80px;" alt="SCG" border="0px;"></a>
				</h1>
			</div>
			<div class="lnb">
			    <ul id="nav-one" class="dropmenu"> 
					<li> 
						<a href="/about/intro.html">About</a>
						<ul> 
							<li><a href="/about/intro.html">Intro</a></li> 
							<li><a href="/about/vision.html">Vision</a></li> 
							<li><a href="/about/greeting.html">greeting</a></li>
							<li><a href="/about/organ.html">organ</a></li>
							<li><a href="/about/contact.html">map</a></li>
						</ul> 
					</li> 
					<li> 
						<a href="/work/consult.html">Work</a> 
						<ul> 
							<li><a href="/work/consult.html">Consult</a></li> 
							<li><a href="/work/academy.html">academy</a></li> 
							<li><a href="/work/conference.html">conference</a></li>
							<li><a href="/work/proedu.html">pro-edu</a></li>
							<li><a href="/work/branch.html">branch</a></li>
							<li><a href="/work/sri.html">SRI</a></li>
						</ul> 
					</li> 
					<li> 
						<a href="/pro/concept.html">probono</a> 
						<ul> 
							<li><a href="/probono/concept.html">pro-concept</a></li> 
							<li><a href="/probono/intro.html">pro-intro</a></li> 
							<li><a href="/probono/request.html">pro-request</a></li> 
						</ul> 
					</li>  
					<li> 
						<a href="/board/notice">board</a> 
						<ul> 
							<li><a href="/board/notice/list">Notice</a></li> 
							<li><a href="/board/press/list">Press</a></li> 
							<li><a href="/board/column/list">column</a></li> 
							<li><a href="/board/media/list">photo</a></li> 
						</ul> 
					</li>
				</ul> 
				<!-- //UI Object -->
			</div>
		</div>
		<!-- //header -->
		<!-- Container -->
		<div id="container">
			<div class="menuClass" >
				.menuClass
			</div>
			<div id="content" >
				#{doLayout /}
			</div>
		</div>
		<!-- //Container -->
		<!-- footer -->
		<div id="footer">
			<ul>
			<li class="first"><a href="#" target="_blank" title="새창">풋터</a></li>
			<li><a href="#" target="_blank" title="새창">풋터</a></li>
			</ul>
			<address>
				<a href="#" target="_blank"  title="새창" class="logo"><img src="/logo_mini.gif" width="62" height="15" alt="logo"></a>
				<em>Copyright &copy;</em>
				<a href="#" target="_blank" title="새창">Social Consulting Group</a>
				<span>All Rights Reserved.</span>
			</address>
		</div>
		<!-- //footer -->
		</div>

}*
</body>
</html>